<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"
                template="./../../resources/templates/baseTemplate.xhtml">
    
    
    <ui:define name="header">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <h:outputScript library="scripts" name="jqueryTransit.js"/>
        
    </ui:define>
                

    <ui:define name="content">
        <f:view id="vRoot">
            <p:fieldset legend="Pagina de Inscrição">
                <h:form id="frmTiposEvento">
                    <!-- Exibicao de mensagens gerais -->
                    <h:form id="frmNaoCadastro">
                    <p:growl  id="gMessages" globalOnly="true" sticky="false"/>                  
                    
                     <h:panelGrid columns="2">
                         <h:outputLabel id="nomeParticipante" value="Nome:"/>
                         <p:inputText/>
                         <h:outputLabel id="emailParticipante" value="Email:"/>
                         <p:inputText/>
                         <h:outputLabel id="telParticipante" value="Telefone:"/>
                         <p:inputText/>
                         <p:commandButton value="Cadastrar"/>
                         
                    
                     </h:panelGrid>
                                  
                    <!-- Exibicao da lista de tipos de publicos -->
                    <h:outputLabel value="#{inscricaoBean.name}"/>
                    </h:form>
                    <h:form id="frmCadastrado">
                        <h:panelGrid>
                        <h:outputLabel for="box" value="Nome:"/>
                         <h:inputText/>
                        <h:commandButton value="Logar"/>
                        </h:panelGrid>
                    </h:form>
                </h:form>
               
            </p:fieldset>
            <script type="text/javascript">
                $(document).ready(function() { 
                    $('.box').transition({ x: '90px' });
                });
            </script>
        </f:view>
    </ui:define>

</ui:composition>
